<%@ page contentType="text/html; charset=UTF-8" language="java" pageEncoding="UTF-8"%>
<%@ include file="/WEB-INF/jsp/common/taglibs.jsp" %>


<script>
$(function() {
	$(".item_1 :checkbox").click(function(){
		if($(this).prop("checked")){
			$("#ResearchAndAnalysisForm input[name=item_1_6]").prop("checked",false);
			$("#ResearchAndAnalysisForm input[name=item_1_6_desc]").prop("disabled",true);
		}
	});
	
	$(".item_3 :checkbox").click(function(){
		if($(this).prop("checked")){
			$("#ResearchAndAnalysisForm input[name=item_3_4]").prop("checked",false);
		}
	});
	
	$(".item_4 :checkbox").click(function(){
		if($(this).prop("checked")){
			$("#ResearchAndAnalysisForm input[name=item_4_7]").prop("checked",false);
		}
	});
});

function chkParent(obj,item){	
	if($("#ResearchAndAnalysisForm input[name="+obj.name+"]").prop("checked")){
		$("#ResearchAndAnalysisForm input[name="+item+"]").prop("checked",true);
	}
}

function unchkSub(item){	
	if($("#ResearchAndAnalysisForm input[name="+item+"]").prop("checked") == false){
		$("#sub_" + item + " :checkbox").prop("checked",false);
		$("#sub_" + item + " :text").prop("disabled",true);
	}
	
}

function noneOfAbove(obj,item){	
	if($("#ResearchAndAnalysisForm input[name="+obj.name+"]").prop("checked")){
		$("." + item + " :checkbox").prop("checked",false);
		$("." + item + " :text").prop("disabled",true);
	}
}


</script>

<table style="width:800px;">	
	<tr>
		<td colspan="2" style="text-align: right;padding-right:10px;">
			<a href="javascript:void(0);" onclick="backlist();">
				<img src="${appPath }/resource/image/arror-l.png" border="0"/>
				<img src="${appPath }/resource/image/arror-l.png" border="0"/>
				<span style="color:blue">返回清單</span>
			</a>
		</td> 			
	</tr>
</table>

<form:form method="post" modelAttribute="ResearchAndAnalysisForm">
	<table style="width:800px;border:1px solid #D2D9E7;">					
		<tr class="trContent">
			<td style="width:20%;text-align: right;padding-right:15px;">資料編號</td> 
			<td>
				<span style="color:green;letter-spacing: 4px;padding-left:10px;font-weight: 600;font-family: 'Arial Unicode MS'" id="Span_Rec_No"></span>
			</td> 
		</tr>
		
		<tr class="trContent item_1">
			<td style="text-align: right;padding-right:15px;" rowspan="6">
				<%--<img src="${appPath }/resource/image/1319013350_star_red.png" width="14" height="14" title="欄位必填"/>		--%>		
				植物的基本資料
			</td> 
			<td style="padding-left: 10px;letter-spacing: 2px;">
				<form:checkbox path="item_1_1" label="&nbsp;外源基因" onclick="showDesc(this);"/>
				<span style="padding-left:20px;">
					<form:input path="item_1_1_desc" cssStyle="width:300px;" disabled="true"/>
				</span>
			</td> 
		</tr>
		<tr class="trContent item_1">
			<td style="padding-left: 10px;letter-spacing: 2px;">
				<form:checkbox path="item_1_2" label="&nbsp;轉殖特性" onclick="unchkSub(this.name);"/>
				<div style="padding-left: 40px;" id="sub_item_1_2">
					<form:checkbox path="item_1_2_1" label="&nbsp;耐除草劑" onclick="chkParent(this,'item_1_2');"/><br/>
					<form:checkbox path="item_1_2_2" label="&nbsp;抗蟲" onclick="chkParent(this,'item_1_2');"/><br/>
					<form:checkbox path="item_1_2_3" label="&nbsp;抗病毒" onclick="chkParent(this,'item_1_2');"/><br/>
					<form:checkbox path="item_1_2_4" label="&nbsp;抗真菌" onclick="chkParent(this,'item_1_2');"/><br/>
					<form:checkbox path="item_1_2_5" label="&nbsp;抗細菌" onclick="chkParent(this,'item_1_2');"/><br/>
					<form:checkbox path="item_1_2_6" label="&nbsp;成分改良/新增" onclick="chkParent(this,'item_1_2');"/><br/>
					<form:checkbox path="item_1_2_7" label="&nbsp;延熟保鮮" onclick="chkParent(this,'item_1_2');"/><br/>
					<form:checkbox path="item_1_2_8" label="&nbsp;其他" onclick="showDesc(this);chkParent(this,'item_1_2');"/>
					<span style="padding-left:20px;">
						<form:input path="item_1_2_8_desc" cssStyle="width:300px;" disabled="true"/>
					</span>
				</div>
			</td> 
		</tr>
		<tr class="trContent item_1">
			<td style="padding-left: 10px;letter-spacing: 2px;">
				<form:checkbox path="item_1_3" label="&nbsp;載體　　　" onclick="showDesc(this);"/>
				<span style="padding-left:20px;">
					<form:input path="item_1_3_desc" cssStyle="width:300px;" disabled="true"/>
				</span>
			</td> 
		</tr>
		<tr class="trContent item_1">
			<td style="padding-left: 10px;letter-spacing: 2px;">
				<form:checkbox path="item_1_4" label="&nbsp;篩選用基因" onclick="showDesc(this);"/>
				<span style="padding-left:20px;">
					<form:input path="item_1_4_desc" cssStyle="width:300px;" disabled="true"/>
				</span>
			</td> 
		</tr>
		<tr class="trContent item_1">
			<td style="padding-left: 10px;letter-spacing: 2px;">
				<form:checkbox path="item_1_5" label="&nbsp;其他　　　" onclick="showDesc(this);"/>
				<span style="padding-left:20px;">
					<form:input path="item_1_5_desc" cssStyle="width:300px;" disabled="true"/>
				</span>
			</td> 
		</tr>
		<tr class="trContent">
			<td style="padding-left: 10px;letter-spacing: 2px;">
				<form:checkbox path="item_1_6" label="&nbsp;以上皆無　" onclick="showDesc(this);noneOfAbove(this,'item_1');"/>
				<span style="padding-left:20px;">
					<form:input path="item_1_6_desc" cssStyle="width:300px;" disabled="true"/>
				</span>
			</td> 
		</tr>
		
		<tr class="trContent">
			<td style="text-align: right;padding-right:15px;">	
				疑慮項目
			</td> 
			<td style="padding-left: 10px;letter-spacing: 2px;">
				<form:checkbox path="item_2_1" label="&nbsp;基轉植物與近緣植物、野生種或同種雜交之可能性"/><br/>
				<form:checkbox path="item_2_2" label="&nbsp;基轉植物演變成雜草(super weed)的可能性及影響"/><br/>
				<form:checkbox path="item_2_3" label="&nbsp;基轉植物對目標生物可能之直(間)接影響"/><br/>
				<form:checkbox path="item_2_4" label="&nbsp;基轉植物對非目標生物可能之直(間)接影響"/><br/>
				<form:checkbox path="item_2_5" label="&nbsp;基轉植物所含外源基因流入其他動植物、病原生物可能性及影響"/><br/>
				<form:checkbox path="item_2_6" label="&nbsp;基轉植物發生基因外流(gene flow)對生態環境及原生種可能之影響"/><br/>
				<form:checkbox path="item_2_7" label="&nbsp;基轉植物對田間土壤微生物相之影響及毒性釋出等可能性"/><br/>
				<%-- <form:checkbox path="item_2_8" label="&nbsp;直接疑慮擴散後之間接疑慮(如萬一擴散到有機田而產生貿易糾紛)"/><br/> --%>				
				<form:checkbox path="item_2_8" label="&nbsp;其他" onclick="showDesc(this);"/>
				<span style="padding-left:20px;">
					<form:input path="item_2_8_desc" cssStyle="width:300px;" disabled="true"/>
				</span>
			</td> 
		</tr>
		
		<tr class="trContent item_3">
			<td style="text-align: right;padding-right:15px;" rowspan="4">	
				管理方法
			</td> 
			<td style="padding-left: 10px;letter-spacing: 2px;">
				<form:checkbox path="item_3_1" label="&nbsp;相關法令規章" onclick="unchkSub(this.name);"/>
				<div style="padding-left: 40px;" id="sub_item_3_1">
					<form:checkbox path="item_3_1_1" label="&nbsp;申請案的基本資訊" onclick="chkParent(this,'item_3_1');"/><br/>
					<form:checkbox path="item_3_1_2" label="&nbsp;材料之性狀穩定程度" onclick="chkParent(this,'item_3_1');"/><br/>
					<form:checkbox path="item_3_1_3" label="&nbsp;研發時的必要記錄" onclick="chkParent(this,'item_3_1');"/><br/>
					<form:checkbox path="item_3_1_4" label="&nbsp;溫室及隔離田所作業之數據" onclick="chkParent(this,'item_3_1');"/><br/>
					<form:checkbox path="item_3_1_5" label="&nbsp;根據評估決策所需之實驗設計或統計" onclick="chkParent(this,'item_3_1');"/><br/>
					<form:checkbox path="item_3_1_6" label="&nbsp;其它管理制度" onclick="chkParent(this,'item_3_1');"/>
				</div>
			</td>
		</tr>
		<tr class="trContent item_3">
			<td style="padding-left: 10px;letter-spacing: 2px;">
				<form:checkbox path="item_3_2" label="&nbsp;要求相關設施" onclick="unchkSub(this.name);"/>
				<div style="padding-left: 40px;" id="sub_item_3_2">
					<form:checkbox path="item_3_2_1" label="&nbsp;設施要求" onclick="chkParent(this,'item_3_2');"/><br/>
					<form:checkbox path="item_3_2_2" label="&nbsp;距離區隔" onclick="chkParent(this,'item_3_2');"/><br/>
					<form:checkbox path="item_3_2_3" label="&nbsp;材料特性 (如密閉型溫室、植物培養裝置、密閉型實驗室 )" onclick="chkParent(this,'item_3_2');"/>
				</div>
			</td> 
		</tr>
		<tr class="trContent item_3">
			<td style="padding-left: 10px;letter-spacing: 2px;">
				<form:checkbox path="item_3_3" label="&nbsp;相關風險評估" onclick="unchkSub(this.name);"/>
				<div style="padding-left: 40px;" id="sub_item_3_3">
					<form:checkbox path="item_3_3_1" label="&nbsp;發生機率計算 (高、中、低、極低或是其他程度分類)" onclick="chkParent(this,'item_3_3');"/><br/>
					<form:checkbox path="item_3_3_2" label="&nbsp;危害程度計算 (高、中、低、極低或是其他程度分類)" onclick="chkParent(this,'item_3_3');"/><br/>
					<form:checkbox path="item_3_3_3" label="&nbsp;產生方式 (例如花粉、昆蟲、農事作業等 )" onclick="chkParent(this,'item_3_3');"/><br/>
					<form:checkbox path="item_3_3_4" label="&nbsp;評估方法或實驗設計" onclick="chkParent(this,'item_3_3');"/><br/>
					<form:checkbox path="item_3_3_5" label="&nbsp;影響因子" onclick="chkParent(this,'item_3_3');"/>
				</div>
			</td> 
		</tr>
		<tr class="trContent">
			<td style="padding-left: 10px;letter-spacing: 2px;">
				<form:checkbox path="item_3_4" label="&nbsp;以上皆無" onclick="noneOfAbove(this,'item_3');"/>
			</td> 
		</tr>
		
		
		<tr class="trContent">
			<td style="text-align: right;padding-right:15px;">	
				管理工具
			</td> 
			<td style="padding-left: 10px;letter-spacing: 2px;">
				<div class="item_4">
					<form:checkbox path="item_4_1" label="&nbsp;風險評估試驗規範 (法規)"/><br/>
					<form:checkbox path="item_4_2" label="&nbsp;評估報告範本"/><br/>
					<form:checkbox path="item_4_3" label="&nbsp;審查標準設計 (操作細則)"/><br/>
					<form:checkbox path="item_4_4" label="&nbsp;風險評估分析方法 (實驗設計)"/><br/>
					<form:checkbox path="item_4_5" label="&nbsp;管理流程 (或分類架構)"/><br/>
					<form:checkbox path="item_4_6" label="&nbsp;其他 (相關政策)" onclick="showDesc(this);"/>				
					<span style="padding-left:20px;">
						<form:input path="item_4_6_desc" cssStyle="width:260px;" disabled="true"/>
					</span>
				</div>
				<form:checkbox path="item_4_7" label="&nbsp;皆無" onclick="noneOfAbove(this,'item_4');"/>
			</td>
		</tr>
		
		<tr class="trContent">
			<td style="text-align: right;padding-right:15px;">	
				重點/感想
			</td> 
			<td style="padding-left: 10px;letter-spacing: 2px;">
				
				<form:textarea path="item_5_desc" rows="4" cssStyle="width:95%"/>
			</td> 
		</tr>
		
		<tr>
			<td colspan="2" style="text-align: center;height:80px;">
				<span class="editField">
					<span id="BtnBackList" class="button_1" style="width:60px;padding: 6px 10px 6px 10px;display:none;" onclick="backlist();">返回清單</span>	 						
					<span id="BtnSubmit" class="button" style="width:60px;" onclick="_submit();">確　認</span>
				</span>
			</td> 
		</tr>
	</table>
	<form:hidden path="rec_no" />
</form:form>
<table style="width:800px;">	
	<tr>
		<td colspan="2" style="text-align: right;padding-right:10px;">
			<a href="javascript:void(0);" onclick="backlist();">
				<img src="${appPath }/resource/image/arror-l.png" border="0"/>
				<img src="${appPath }/resource/image/arror-l.png" border="0"/>
				<span style="color:blue">返回清單</span>
			</a>
		</td> 			
	</tr>
</table>